<template>
  <!-- NotFound.vue -->
  <!-- 如果路径不存在, 用于提示用户 -->
  <div>
    <div class="nav">
      <div>
       <router-link to="/">首页</router-link>
					<router-link to="/a">二手房</router-link>
					<router-link to="/b">新房</router-link>
					<router-link to="/list">租房</router-link>
					<router-link to="/c">商业办公</router-link>
					<router-link to="/d">小区</router-link>
					<router-link to="/e">问答</router-link>
					<router-link to="/f">工具</router-link>
					<router-link to="/publish">发布房源</router-link>
      </div>
    </div>
    <h2>友情提示: 您所访问的页面不存在, 可点击按钮或导航条跳转</h2>
    <el-empty description="页面不存在">
      <router-link to="/"><el-button type="success">回到首页</el-button></router-link>
    </el-empty>
  </div>
</template>

<script>
export default {}
</script>

<style lang="scss" scoped>
.nav{
  background-color:#2e2f2f;
  padding: 13px;
  opacity: 0.9;

  div{
    width: 1000px;
    margin: 0 auto;

    a{
    text-decoration: none;
    color: white;
    font-size: 16px;
    margin-left: 25px;
    user-select: none;
    
    }
  }
}
h2{
  width: 100%;
  margin: 60px 0;
  text-align: center;
}
</style>
